<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<script src="waiter.js"></script>
<link type="text/css" rel="stylesheet" href="assets/SyntaxHighlighter.css"></link>
<script language="javascript" src="assets/shCore.js"></script>
<script language="javascript" src="assets/shBrushJScript.js"></script>
<style type="text/css">
.link {
  color:#000;
  text-decoration:none;
}

.link:hover {
    text-decoration:underline
}

</style>
</head>
<body>

<div style="font-size:32px">Ajax Waiter -  Basic Test</div>
<div style="float:right"><a href="tests.html" class="link">Tests</a> | <a href="index.html" class="link">Home</a></div>
<div style="clear:right;height:3px;background:#9C9;border-bottom:1px solid #000"></div>

<p>This page shows a simple example of the waiter on a div.</p>

<div id="target1" style="height:300px;width:500px;border:1px solid #000; float: left;">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc faucibus. Ut porttitor. Proin dapibus leo at arcu. Aenean eget odio consequat tortor iaculis elementum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla aliquet pretium massa. Aenean ut lacus id enim eleifend rutrum. Nullam auctor semper eros. Duis blandit felis id nunc.
</p>
<p>
Mauris ac mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed pellentesque lacinia purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc faucibus. Ut porttitor. Proin dapibus leo at arcu. Aenean eget odio consequat tortor iaculis elementum.
</p> 
</div>

<div  style='clear:both'></div>

<table style="cell-padding:0;border:0">
<tr>
<td>
<a href="javascript:window.waiter.show({ targetId : 'target1', modal : false})">Show wait dialog</a>
</td>
<td>
<pre name="code" class="javascript">
window.waiter.show({ targetId : 'target1'});</pre>
</td>
</tr>

<tr>
<td><a href="javascript:window.waiter.setMessage({ targetId : 'target1', message :'wait longer'})">Update Message</a></td>
<td>
<pre name="code" class="javascript">
window.waiter.setMessage({ targetId : 'target1',
                           message :'wait longer'});</pre>
</td>
</tr>

<tr>
<td>
<a href="javascript:window.waiter.hide({ targetId : 'target1'})">Hide wait dialog</a></td>
<td style="width:500px">
<pre name="code" class="javascript">
window.waiter.hide({ targetId : 'target1'});
</pre>
</td>
</tr>


</table>
</div>


<div id="messages"></div>
</div>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'asstets/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

</body>
</html>